<!DOCTYPE html>
         <div id="jcb_table_div">
		<!-- 查询窗口 -->
		<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
           	<div class="modal-dialog" role="document">
                <div class="modal-content">
	                <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">查询</h4>
	                </div>
	               	<div class="modal-body">
	            	<!-- 以下为要查询的的内容 -->
	                    <div class="form-group">
	                        <label for="search_xq">上课星期</label>
	                        <input id="i_jcb_manage_search_xq" type="text" class="form-control" name=xq data-bind="value:queryCondition.xq" placeholder="上课星期">
	                    </div>
	                    <div class="form-group">
	                        <label for="search_jcsj">上课节次</label>
	                        <input id="i_jcb_manage_search_jcsj" type="text" class="form-control" name="jcsj" data-bind="value:queryCondition.jcsj" placeholder="上课节次">
	                    </div>
	                <!-- 以上为要查询的内容 -->
					</div>
					<div class="modal-footer">
		                <button type="button" class="btn btn-primary" data-dismiss="modal" data-bind="click:queryClick"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>&nbsp;查询</button>
		                <button type="button" class="btn btn-default" data-dismiss="modal" data-bind="click:clearClick"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>&nbsp;清空</button>
	            	</div>
                </div>
                
           	</div>
		</div> 
		
		<!-- 工具栏 -->
		<div id="toolbar" class="btn-group">
			<button data-bind="click:addClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>
			<button data-bind="click:editClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
			</button>
			<button data-bind="click:deleteClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
			<button data-bind="click:searchClick" type="button"
				class="btn btn-default">
				<span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
			</button>
			
		</div>
		
		<!-- 表格，表头里定义了表要显示的字段，data-formatter 里只能跟一个方法名 -->
		<table id="mytable" data-bind="bootstrapTable:$root">
			<thead>
				<tr>
					<th data-checkbox="true"></th>
					<th data-field="xq">上课星期</th>
					<th data-field="jcsj">上课节次</th>
				</tr>
			</thead>
		</table>
	</div>
	
<!-- 以下是javascript内容 -->	
<script type="text/javascript">
$(function(){
    var data =  {
	    tableParams : {
	    	url : 'dictionary/jcb/page'
	    	},
	    	urls : {
	    		delete : 'dictionary/jcb/delete',
	    		update : 'dictionary/jcb/edit',
	    		add : 'dictionary/jcb/edit',
	    		search:'dictionary/jcb/search'
	    	},
	    	queryCondition : {
	    		xq : '',
	    		jcsj : ''
	    	}
	};
	ko.applyBindings(new BsTableViewModel(data),document.getElementById('jcb_table_div'));	
	
});
</script>
